<template>
  <div>
    <div class="shuruForm">
      <el-form :inline="true" class="demo-form-inline">
        <el-form-item :label="name">
          <el-input v-model="formInline.Id" placeholder="请输入"></el-input>
        </el-form-item>
        <el-form-item :label="state">
          <el-select v-model="formInline.Staus" placeholder="请输入">
            <!-- 第二个输入框 -->
            <slot></slot>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="search">查询</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'LikedeMSearch',
  props: ['name', 'state'],
  data () {
    return {
      formInline: {
        Id: '',
        Staus: ''
      }
    }
  },

  mounted () {},

  methods: {
    search () {
      this.$emit('search', this.formInline.Id)
      this.formInline.Id = ''
    }
  }
}
</script>

<style lang="scss" scoped>
.el-form--inline ::v-deep .el-form-item__label {
  display: inline-block;
  float: left;
}
</style>
